<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单结算</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link th:href="@{../../static/css/likeFooter.css}" rel="stylesheet">
    <link th:href="@{/static/css/shoppingSettlement.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
    <!--[if IE]>
    <script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->
    <script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>

    <script th:src="@{/static/js/shoppingSettlement.js}"></script>

</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>
<div class="s-head">
    <div class="s-head-inner">
        <div class="s-head-left">
            <a th:href="@{/}"><img th:src="@{/static/img/timg.jpg}"></a>
        </div>
        <div class="s-head-left-head"><span>结算页</span></div>
        <div class="s-head-right">
            <div class="s-head-right-inner">
                <div class="s-head-right-one">
                    <div class="s-head-one"></div>
                    <div class="s-head-one-content">1</div>
                    <div class="s-head-one"></div>
                    <br>
                    <div class="s-head-word s-head-word-one">1.我的购物车</div>
                </div>
                <div class="s-head-right-one">
                    <div class="s-head-one s-head-two"></div>
                    <div class="s-head-one-content s-head-two">2</div>
                    <div class="s-head-one s-head-two"></div>
                    <br>
                    <div class="s-head-word s-head-word-two">2.填写核对订单信息</div>
                </div>
                <div class="s-head-right-one">
                    <div class="s-head-one s-head-three"></div>
                    <div class="s-head-one-content s-head-three">3</div>
                    <div class="s-head-one s-head-three"></div>
                    <br>
                    <div class="s-head-word s-head-word-three">3.成功提交订单</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="s-inner">
    <div class="s-inner-head"><span>填写并核对订单信息</span></div>
    <div class="s-inner-border">
        <div class="s-inner-content">
            <!--                    引用收货地址插件-->
            <div class="jq22-container"  id="location" >
                <div class="container">
                    <form class="form-inline" >
                        <div data-toggle="distpicker">
                            <div class="form-group">
                                <label class="sr-only" for="province1">Province</label>
                                <select class="form-control" id="province1" onchange="show_location(this.options[this.options.selectedIndex].value)"></select>
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="city1">City</label>
                                <select class="form-control" id="city1" onchange="show_city(this.options[this.options.selectedIndex].value)"></select>
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="district1">District</label>
                                <select class="form-control" id="district1" onchange="show_district(this.options[this.options.selectedIndex].value)"></select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="number">
                <input type="text" id="num"   placeholder="手机号" onchange="by_value($('#num').val())" th:value="${session.user.getPhone()}">
            </div>
            <div class="number">
                <input type="text" id="towner" placeholder="城镇(选填)" onchange="by_name($('#towner').val())">
            </div>
            <div style="clear: both;"></div>
            <div class="s-inner-information">
                <div class="s-inner-information-head">
                    <span class="s-information-head-left"><b>收货人信息</b></span>
                </div>
                <div class="s-inner-information-content s_back_delete">
                    <div class="s-information-one">
                        <div class="s-information-place" th:if="${session.user!=null}">
                            <span class="userName" th:text="${session.user.userName}"></span>
                        </div>
                        <div class="s-information-place" th:if="${session.user==null}">
                            <span class="userName">请登录</span>
                        </div>
                        <div class="s-information-place-right">
                            <div class="s-information-place-content">
                                <span class="s-user-information userName" id="the_name"></span>
                                <span class="s-user-information userAddress" id="address"></span>
                                <span class="s-user-information userNumber" id="phone"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="s-inner-string"></div>
            <div class="s-inner-pay">
                <span><b>支付方式</b></span><br>
                <div class="s-inner-pay-content">
                    <div class="s-pay-buy s-pay-buy2">在线支付<img th:src="@{/static/img/问号.png}"></div>
                </div>
            </div>
            <div class="s-inner-string"></div>
            <div th:if="${session.orderDate!=null}" class="s-inner-delivery">
                <span><b>送货清单</b></span><br>
                <div class="s-delivery"  th:each="orderDate:${session.orderDate}">
                    <div class="s-delivery-right">
                        <div class="s-delivery-right-content">
                            <!--<div class="s-delivery-right-top"><b>商家：京东自营</b></div>-->
                            <div class="s-delivery-goods">
                                <div class="s-delivery-goods-left">
                                    <img th:src="'../../static/img/'+${orderDate.getPicPath()}">
                                </div>
                                <div class="s-goods-information">
                                    <span th:text="${orderDate.getShippingName()}"></span><br><br>
                                    <div th:text="'创建时间：'+${orderDate.getCreateTime()}"></div>
                                   <!-- <span class="s-return-goods"><img src="../../static/img/7天.png">支持7天无理由退货（拆封后不支持）</span>-->
                                </div>
                                <div class="s-delivery-price">
                                    <span class="s-delivery-price-one" th:text="'￥'+${orderDate.getPrice()}"></span><br>
                                   <!-- <span class="s-delivery-price-two">1.400kg</span>-->
                                </div>
                                <div class="s-delivery-number" th:text="'x'+${orderDate.getNum()}"></div>
                                <div class="s-delivery-state">有货</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--结尾地址-->
<div class="s-total-summary">

    <div class="s-summary-content-two">
            <span>
            寄送至：
            </span>
        <form action="/user/buyGoodsOrder">
            <input id="province" name="provice" type="text">
            <input id="city" name="city" type="text">
            <input id="district" name="district" type="text">
            <input id="town" name="town" type="text">
            <input id="cell_phone" name="phone" type="text" th:value="${session.user.getPhone()}">
            <input id="price" name="perice" th:value="${session.money}" type="text">
            <div class="s-footer"><input type="submit"><a><b>提交订单</b></a></div>
        </form>
    </div>
    <div class="s-summary-content s-total-content">
        <div th:if="${session.money!=null}" class="s-summary-right"><span class="s-summary-price s-price"><b th:text="'￥'+${session.money}"></b></span></div>
        <div th:if="${session.money==null}" class="s-summary-right"><span class="s-summary-price s-price"><b>￥0</b></span></div>
        <div class="s-summary-left"><span class="s-summary-price s-total-price">应付总额：</span></div>
    <br>

    </div>
</div>




<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>

</body>

<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="../../static/js/distpicker.data.js"></script>
<script src="../../static/js/distpicker.js"></script>
<script src="../../static/js/main.js"></script>

<script th:src="@{../../static/js/likeFooter.js}" type="text/javascript"></script>
<script th:src="@{/static/js/index.js}"></script>
</html>